<template>
	<view>
		<uni-card>
			<uni-row class="demo-uni-row">
				<uni-col>
					<view class="demo-uni-col dark">发票填写</view>
				</uni-col>
				<uni-col>
					<view class="demo-uni-col dark1">读取微信开票信息</view>
				</uni-col>
			</uni-row>
			<uni-row>
				<u--form labelPosition="left" :model="model1" :rules="rules" ref="form1">
					<u-form-item labelWidth="100" label="工厂账号" prop="userInfo.name" borderBottom ref="item1">
						<u--input border="none" prop="userInfo.name" placeholder="api工厂注册的手机号码"></u--input>
					</u-form-item>
					<u-form-item labelWidth="100" label="发票抬头" prop="userInfo.name" borderBottom ref="item1">
						<u--input border="none" prop="userInfo.name" placeholder="公司名称"></u--input>
					</u-form-item>
					<u-form-item labelWidth="100" label="税号" prop="userInfo.name" borderBottom ref="item1">
						<u--input border="none" prop="userInfo.name" placeholder="填写税号"></u--input>
					</u-form-item>
					<u-form-item labelWidth="100" label="发票内容" prop="userInfo.name" borderBottom ref="item1">
						<u--input border="none" prop="userInfo.name" value="服务费" placeholder="开票项目说明"></u--input>
					</u-form-item>
					<u-form-item labelWidth="100" label="发票金额" prop="userInfo.name" borderBottom ref="item1">
						<u--input border="none" prop="userInfo.name" placeholder="申请开票金额"></u--input>
					</u-form-item>
					<u-form-item labelWidth="100" label="地址与电话" prop="userInfo.name" borderBottom ref="item1">
						<u--input  border="none" prop="userInfo.name" placeholder="发票栏目处填写的地址与电话"></u--input>
					</u-form-item>
					<u-form-item labelWidth="100" label="开户行与账号" prop="userInfo.name" borderBottom ref="item1">
						<u--input border="none" prop="userInfo.name" placeholder="发票栏目处填写的开户行与账号"></u--input>
					</u-form-item>
					<u-form-item labelWidth="100" label="电子邮箱" prop="userInfo.name" borderBottom ref="item1">
						<u--input border="none" prop="userInfo.name" placeholder="发票将通过邮件发给你"></u--input>
					</u-form-item>
					<u-form-item labelWidth="100" label="备注" prop="userInfo.name" borderBottom ref="item1">
						<u--input border="none" prop="userInfo.name" placeholder="如有特殊要求请告诉我们"></u--input>
					</u-form-item>
				</u--form>
			</uni-row>
		</uni-card>
		<button type="primary" style="margin-top: 15rpx;margin-bottom: 15rpx;width: 94%;">申请发票</button>
		<uni-card>
			<uni-list>
				<uni-list-item showArrow title="申请开票记录" rightText="查询" to="../kpjl/kpjl" />
			</uni-list>
		</uni-card>
		<!-- 模态框 -->
		<view class="">
			<u-modal title="用户协议及隐私政策" :show="show" @confirm="show=false" @cancel="show=false" ref="uModal"
				:asyncClose="true" buttonReverse showCancelButton>
				<view class="slot-content">
					<rich-text :nodes="content"></rich-text>
				</view>
			</u-modal>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: true,
				content: `您在使用我们的服务时，我们可能会收集和<br>
				使用您的相关信息。我们希望通过本《用<br>
				户协议》及《隐私协议》向您说明，在使<br>
				用我们的服务时，我们如何收集、使用、<br>
				储存和分享这些信息，以及我们为您提供<br>
				的访问、更新、控制和保护这些信息的方<br>
				式。本《用户协议》及《隐私协议》，希<br>
				望您仔细闭读，充分理解协议中的内容后<br>
				再点击同意`,
				value14: "",
				model1: {},
				rules: {},
				userInfo:{}

			}
		},
		methods: {

		}
	}
</script>

<style>
	@import './new_file.css';
</style>
